@extends('layouts.master')
@section('head')
	@parent
	<title>FACT - Gallery</title>
	<script type="text/javascript" src="js/jquery.fancybox.js"></script>
		<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" />
	   	<script type="text/javascript">
			$(document).ready(function() {
				$('.fancybox').fancybox();
			});
	</script>
@stop

@section('content')		
	<div class="main">
      <div class="shop_top">
		<div class="container">
			<div class="row ex_box">
				<h3 class="m_2">photos</h3>
				<div class="col-md-4 team1">
				<div class="img_section magnifier2">
				  <a class="fancybox" href="images/sheena1.jpg" data-fancybox-group="gallery" title="Sheena"><img src="images/sheena1.jpg" class="img-responsive" alt=""><span> </span>
					<div class="img_section_txt">
						<3
					</div>
				</a></div>
				</div>
				<div class="col-md-4 team1">
				<div class="img_section magnifier2">
				  <a class="fancybox" href="images/1.jpg" data-fancybox-group="gallery" title="Graduation"><img src="images/1.jpg" class="img-responsive" alt=""><span> </span>
					<div class="img_section_txt">
						Album1
					</div>
				</a></div>
				</div>
				<div class="col-md-4 team1">
				<div class="img_section magnifier2">
				  <a class="fancybox" href="images/2.jpg" data-fancybox-group="gallery" title="Graduation"><img src="images/2.jpg" class="img-responsive" alt=""><span> </span>
					<div class="img_section_txt">
						Album2
					</div>
				</a></div>
				</div>
		    </div>
		    <div class="row ex_box">
				<div class="col-md-4 team1">
				<div class="img_section magnifier2">
				  <a class="fancybox" href="images/3.jpg" data-fancybox-group="gallery" title="Graduation"><img src="images/3.jpg" class="img-responsive" alt=""><span> </span>
					<div class="img_section_txt">
						Album3
					</div>
				</a></div>
				</div>
				<div class="col-md-4 team1">
				<div class="img_section magnifier2">
				  <a class="fancybox" href="images/4.jpg" data-fancybox-group="gallery" title="Graduation"><img src="images/4.jpg" class="img-responsive" alt=""><span> </span>
					<div class="img_section_txt">
						Album4
					</div>
				</a></div>
				</div>
				<div class="col-md-4 team1">
				<div class="img_section magnifier2">
				  <a class="fancybox" href="images/5.jpg" data-fancybox-group="gallery" title="Graduation"><img src="images/5.jpg" class="img-responsive" alt=""><span> </span>
					<div class="img_section_txt">
						Album5
					</div>
				</a></div>
				</div>
		    </div>
		    <div class="row ex1_box">
			   <div class="col-md-4 team1">
				<div class="img_section magnifier2">
				  <a class="fancybox" href="images/6.jpg" data-fancybox-group="gallery" title="Graduation"><img src="images/6.jpg" class="img-responsive" alt=""><span> </span>
					<div class="img_section_txt">
						Album6
					</div>
				</a></div>
				</div>
				<div class="col-md-4 team1">
				<div class="img_section magnifier2">
				  <a class="fancybox" href="images/7.jpg" data-fancybox-group="gallery" title="Graduation"><img src="images/7.jpg" class="img-responsive" alt=""><span> </span>
					<div class="img_section_txt">
						Album7
					</div>
				</a></div>
				</div>
				<div class="col-md-4 team1">
				<div class="img_section magnifier2">
				  <a class="fancybox" href="images/9.jpg" data-fancybox-group="gallery" title="Graduation"><img src="images/9.jpg" class="img-responsive" alt=""><span> </span>
					<div class="img_section_txt">
						Album8
					</div>
				</a></div>
			   </div>
		    </div>
		 </div>
	   </div>
	  </div>				
@stop